<template>
  <van-row
    gutter="20"
    class="font_size_16 text_align_center color_333 padding_16"
  >
    <van-col span="12" class="text_align_center">
      <div
        class="width_70 height_70 border_radius__50 margin_0_auto line_height_70 bg_green color_FFF font_size_24 box_shadow_green"
        @click="on"
      >
        ON
      </div>
      <p class="font_size_16 margin_top_16">
        {{ onText }}
      </p></van-col
    >
    <van-col span="12">
      <div
        class="width_70 height_70 border_radius__50 margin_0_auto line_height_70 bg_red color_FFF font_size_24 box_shadow_red"
        @click="off"
      >
        OFF
      </div>
      <p class="font_size_16 margin_top_16 " @click="off">{{ offText }}</p>
    </van-col>
  </van-row>
</template>
<script src="./onOff.js" />
